@charset "utf-8";
@import "common/common";
@import "common/reset";
.web {
    position: relative;
    width: 100%;
    overflow: hidden;
    header {
        height: n(150px);
        
        .left {
             line-height: n(58px);
            vertical-align: middle;
            text-align: center;
            width: n(125px);
            height: n(58px);
            border: n(2px) solid #ff9344;
            border-radius: n(25px);
            margin-top: n(50px);
            margin-left: n(25px);
            a {
                display: inline-block;
                color: #000000;

            }
        }
        .center {

            text-align: center;
            width: 100%;
            span {
                display: inline-block;
                margin-top: n(60px);
            }
        }
        .right {
            margin-top: n(42px);
            margin-right: n(20px);
            i {
                color: $border-color;
                font-size: n(64px);
            }
        }
    }
    section {
        margin-bottom: n(148px);
        .img {
            width: 93%;
            margin-left: n(24px);
            img {
                width: 100%;
            }
        }
        .b_buy {
            margin-left: n(46px);
            .price {
                h2 {
                    font-size: n(72px);
                    color: #ff9344;
                }
                span {
                    display: inline-block;
                    margin-top: n(52px);
                    vertical-align: middle;
                    line-height: n(38px);
                    i {
                        font-size: n(38px);
                        color: $border-color;
                    }
                    b {
                        color: #ff9344;
                    }
                }
            }
            .buy {

                .purchase {
                    text-align: center;
                    margin-top: n(28px);
                    a {
                        border-radius: n(18px);
                        width: n(110px);
                        height: n(58px);
                        background-color: #ff9344;
                        display: inline-block;
                        color: white;
                    }
                }
                .ping {
                    margin-right: n(42px);
                    margin-top: n(58px);
                    p {
                         width: n(230px);
                        overflow : hidden;
                        text-overflow : ellipsis; 
                        white-space : nowrap; 
                        color: #8e8e8e;
                    }
                }
            }

        }
        .apply {
            margin-top: n(36px);
            background: $border-color;
            color: white;
            width: 90%;
            height: n(66px);
            margin-bottom: n(12px);
            margin-left: n(46px);
            .l_left {
                margin-top: n(12px);
                h2 {
                    vertical-align: middle;
                    font-size: n(30px);
                }
            }
            .r_right {
                margin-top: n(12px);
                a {
                    margin-right: n(42px);
                    color: white;
                }
            }

        }
        .photo {
            margin-left: n(48px);
            .i_img {
                img {
                    width: n(180px);
                    height: n(176px);
                }
            }
            .zheng {
                line-height: n(44px);
                padding-left: n(208px);
                p {
                    width: n(290px);
                        overflow : hidden;
                        text-overflow : ellipsis; 
                        white-space : nowrap; 
                    font-size: n(30px);
                    font-weight: 900;
                    &:nth-of-type(2) {
                        font-weight: 500;
                        color: #929292;
                        font-size: n(24px);
                    }
                }
                span {
                    color: #929292;
                }
                i {
                    color: #ff9344;
                }
                a {
                    color: #ff9344;
                    font-size: n(20px);
                }
            }
        }
        .jin {
            margin-right: n(42px);
            margin-top: n(-128px);
            text-align: center;
            a {
                border-radius: n(18px);
                width: n(110px);
                height: n(58px);
                background-color: #ff9344;
                display: block;
                color: white;
            }
        }
    }
}
